@keyframes fadeIn {
  from {
    opacity: 0;        
  }
  to {
    opacity: 1;        
  }
}

.container2{
  position: absolute;
  left:50%;
  top:18%;
  transform: translate(-50%);
  width: 85%;
  height: 30%;
  background-color: white;
  border-radius: 20px;
  z-index: 1001;
  animation: fadeIn 0.6s ease-out forwards; 
}

.close{
  position: absolute;
  right:3%;
  top:0%;
  padding:10px;
}


// .text1{
//   font-size:18px;
//   position:absolute;
//   left:5%;
//   top:15%;
// }

.RenameContainer{
  position: absolute;
  left:50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 58%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.text2{
  font-size:22px;
  width: 100%;
  text-align: center;
}

// .input1{
//   position:absolute;
//   top:28%;
//   left:5%;
//   width:  90%;
// }

.input2{
  border:none;
  font-size:18px;
}